<template>
   
  <div class="wdhy">
    <tit1 :title="obj.title"></tit1>
    <input type="text" placeholder="请输入您的问题或反馈" v-model="obj.value" />
    <button @click="tj">提交</button>
  </div>
</template>

<script setup>
import { reactive, ref, toRefs } from "vue";
import { useRouter } from "vue-router";
import { tjfk } from "../http/api.js";
import tit1 from "../components/title1.vue";
import { Toast } from "vant";
const router = useRouter();
const obj = reactive({
  title: "问题反馈",
  value: "",
});
const tj = async () => {
  const id = localStorage.getItem("userid");
  const res = await tjfk(obj.value, id);
  if (res.data.code == 200) {
    Toast("成功");
    router.push("/wd");
  }
  console.log(res);
};
</script>
<style lang="scss" scoped>
li {
  padding: 15px 15px 35px 80px;
  font-size: 26px;
}
input {
  width: 90%;
  margin-left: 5%;
  height: 300px;
}
button {
  width: 90%;
  margin-left: 5%;
  background: chocolate;
  height: 70px;
  transform: translateY(50px);
  border: none;
  color: #fff;
}
</style>
